#app {
    font-family: "Open Sans", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
}

#app .el-input__inner {
    border: 1px solid #979797;
    border-radius: 0 !important;
    background: #24272E;
    color: #fff;
}

.main-bottom {
    width: 90%;
    margin: 0 auto;
    padding-top: 60px;
}



.main-bottom .ad-wrapper {
    width: 66%;
    height: 480px;
    float: left;
    margin-right: 4%;
}

.main-bottom .ad-wrapper .el-carousel__container {
    height: 100% !important;
}

@media screen and (min-width: 1450px) and (max-width: 1650px) {
    .main-bottom .ad-wrapper {
        height: 420px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1450px) {
    .main-bottom .ad-wrapper {
        height: 360px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1250px) {
    .main-bottom .ad-wrapper {
        height: 300px;
    }
}

.main-bottom .news {
    float: left;
    height: 480px;
    width: 30%;
    margin-bottom: 45px;
    cursor: pointer;
    position: relative;
}

@media screen and (min-width: 1450px) and (max-width: 1650px) {
    .main-bottom .news {
        height: 420px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1450px) {
    .main-bottom .news {
        height: 360px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1250px) {
    .main-bottom .news {
        height: 300px;
    }
}

.main-bottom .news img {
    width: 100%;
    height: 100%;
}

.main-bottom .news .img-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background: rgba(0, 0, 0, 0.6);
}

.main-bottom .news .img-bottom div {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 15px 10px 0px 20px;
    width: 80%;
}

.main-bottom .news .img-bottom div:nth-child(2) {
    opacity: 0.8;
    padding-top: 10px;
}

.main-bottom .news:nth-child(3),
.main-bottom .news:nth-child(4) {
    margin-right: 5%;
}

.header-wrapper {
    width: 100%;
    height: 80px;
    line-height: 80px;
}

.header-wrapper .header-main {
    width: 1152px;
    height: 80px;
    margin: 0 auto;
}

.header-wrapper .header-main h1 {
    float: left;
    width: 130px;
    height: 80px;
    margin: 0;
    margin-right: 200px;
}

.header-wrapper .header-main h1 img {
    margin-top: 20px;
}

.header-wrapper .header-main div {
    float: left;
    width: 400px;
    margin: 0 auto;
    margin-right: 280px;
}

.header-wrapper .header-main div span {
    float: left;
    width: 100px;
    font-size: 16px;
    color: #5D5D5D;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

.header-wrapper .header-main .el-button {
    float: left;
    margin-top: 20px;
    color: #333;
}

.header-wrapper .header-main .el-button:hover {
    color: #47B0FF;
}

.isActive {
    color: #47B0FF !important;
}

.foot-wrapper[data-v-136bc5c8] {
    background: #3d3d3d;
    margin: 20px auto 0 auto;
    padding-bottom: 30px;
}

.foot-wrapper .foot-main[data-v-136bc5c8] {
    min-width: 1200px;
    margin: 0 auto;
    background: #3d3d3d !important;
}

.foot-wrapper .foot-main .foot-top[data-v-136bc5c8] {
    height: 122px;
    border-bottom: 1px solid #4b4b4b;
    color: #fff;
}
.foot-wrapper .bei-an{
    color: rgb(255, 255, 255); min-width:1200px;margin: 0 auto; text-decoration: underline;
}
.foot-wrapper .foot-main .foot-top .top-left[data-v-136bc5c8] {
    float: left;
    width: 70%;
    margin-top: 50px;
}

.foot-wrapper .foot-main .foot-top .top-left span[data-v-136bc5c8] {
    display: inline-block;
    width: 100px;
    text-align: center;
    cursor: pointer;
}

.foot-wrapper .foot-main .foot-top .top-right[data-v-136bc5c8] {
    float: right;
    text-align: right;
}

.foot-wrapper .foot-main .foot-top .top-right span[data-v-136bc5c8] {
    display: block;
}

.foot-wrapper .foot-main .foot-top .top-right span[data-v-136bc5c8]:nth-child(1) {
    color: #fff;
    margin-top: 30px;
}

.foot-wrapper .foot-main .foot-top .top-right span[data-v-136bc5c8]:nth-child(2) {
    color: #c3c3c3;
    font-size: 14px;
    margin-top: 10px;
}

.foot-wrapper .foot-main .foot-top .top-right .el-input[data-v-136bc5c8] {
    width: 154px;
    height: 28px;
    margin-top: 10px;
    float: left;
}

.foot-wrapper .foot-main .foot-top .top-right .el-input .el-input__inner[data-v-136bc5c8] {
    color: #fff;
    height: 28px !important;
    background: #3d3d3d;
    border: 1px solid #c3c3c3;
    border-radius: 0;
}

.foot-wrapper .foot-main .foot-top .top-right img[data-v-136bc5c8] {
    display: block;
    float: left;
    margin-top: 10px;
    height: 28px;
}

.foot-wrapper .foot-main .foot-bottom span[data-v-136bc5c8] {
    width: 690px;
    display: inline-block;
    color: #c3c3c3;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
}

.foot-wrapper .foot-main .foot-bottom span a[data-v-136bc5c8] {
    color: #fff;
    cursor: pointer;
}

.foot-wrapper .foot-main .foot-bottom .en[data-v-136bc5c8]:hover {
    color: #47b0ff !important;
}

.tip {
    padding: 30px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 10px;
    line-height: 25px;
    text-align: center;
    position: fixed;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 5px;
}

.add-wrapper[data-v-7111e4f9] {
    height: 700px;
    position: relative;
    background-color: #000;
}

@media screen and (min-width: 1450px) and (max-width: 1650px) {
    .add-wrapper[data-v-7111e4f9] {
        height: 700px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1450px) {
    .add-wrapper[data-v-7111e4f9] {
        height: 600px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1250px) {
    .add-wrapper[data-v-7111e4f9] {
        height: 500px;
    }
}

.add-wrapper .mask-list[data-v-7111e4f9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.add-wrapper .mask-list .mask-item[data-v-7111e4f9] {
    width: calc(33.333% - 1px);
    height: 100%;
    position: relative;
    float: left;
    border-right: 1px solid rgba(51, 51, 51, 0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.add-wrapper .mask-list .mask-item .text-box[data-v-7111e4f9] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.add-wrapper .mask-list .mask-item .text-box .video-title[data-v-7111e4f9] {
    margin-top: 24px;
    margin-bottom: 38px;
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
}

.add-wrapper .mask-list .mask-item .top-text[data-v-7111e4f9] {
    position: absolute;
    bottom: 8%;
    z-index: 3;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
}

.add-wrapper .mask-list .mask-item .top-text .top-text-title[data-v-7111e4f9] {
    font-size: 24px;
    color: #fff;
}

.add-wrapper .mask-list .mask-item .bottom-text[data-v-7111e4f9] {
    text-align: left;
    color: #fff;
    position: absolute;
    padding: 0 8%;
    display: none;
    z-index: 3;
    font-size: 18px;
    line-height: 30px;
    bottom: 5%;
}

.add-wrapper .mask-list .mask-item .bottom-text .bottom-text-title[data-v-7111e4f9] {
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
}

.add-wrapper .mask-list .mask-item.active .top-text[data-v-7111e4f9] {
    display: none;
}

.add-wrapper .mask-list .mask-item.active .bottom-text[data-v-7111e4f9] {
    display: block;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeUp-data-v-7111e4f9;
    animation-name: fadeUp-data-v-7111e4f9;
}

.add-wrapper .mask-list.active .mask-item[data-v-7111e4f9] {
    border-color: #eee;
}

.add-wrapper .mask-list.active .text-box[data-v-7111e4f9] {
    display: none;
}

.add-wrapper .mask-list.active .top-text[data-v-7111e4f9] {
    opacity: 1;
}

.add-wrapper .cover-list[data-v-7111e4f9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    overflow: hidden;
}

.add-wrapper .cover-list .cover-list-item[data-v-7111e4f9] {
    width: 33.333%;
    height: 100%;
    position: relative;
    float: left;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.add-wrapper .cover-list .cover-list-item:first-child .item-bg[data-v-7111e4f9] {
    background-image: url("https://www4.djicdn.com/assets/images/products/spark/s1/cover1-337738cf5d31c0755459f9a69bd02f98.jpg?from=cdnMap");
}

.add-wrapper .cover-list .cover-list-item:nth-child(2) .item-bg[data-v-7111e4f9] {
    background-image: url("https://www5.djicdn.com/assets/images/products/spark/s1/cover2-fd84666246661ff3f47bf4602bbb8d19.jpg?from=cdnMap");
}

.add-wrapper .cover-list .cover-list-item:nth-child(3) .item-bg[data-v-7111e4f9] {
    background-image: url("https://www1.djicdn.com/assets/images/products/spark/s1/cover3-e2d1dd85b54e5fa325237723262f63b6.jpg?from=cdnMap");
}

.add-wrapper .cover-list .cover-list-item .item-bg[data-v-7111e4f9] {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.add-wrapper .video-list[data-v-7111e4f9] {
    width: 100%;
    height: 100%;
}

.add-wrapper .video-list .video-item[data-v-7111e4f9] {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
}

.add-wrapper .video-list .video-item .video-bg[data-v-7111e4f9] {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.add-wrapper .video-list .video-item .video-bg video[data-v-7111e4f9] {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@-webkit-keyframes fadeUp-data-v-7111e4f9 {
    from {
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
    to {
        -webkit-transform: translateY(-6%);
        transform: translateY(-6%);
    }
}

@keyframes fadeUp-data-v-7111e4f9 {
    from {
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
    to {
        -webkit-transform: translateY(-6%);
        transform: translateY(-6%);
    }
}



.main-banner-wrapper .el-carousel__container {
    height: 100% !important;
}

.main-banner-wrapper .setPosition {
    position: absolute;
    left: 0;
    top: calc(15% - 80px);
    color: #fff;
    width: 50%;
    text-align: center;
    left: 25%;
}


.main-banner-wrapper .setPosition h1 {
    margin: 10px 0 !important;
    font-size: 42px;
    line-height: 84px;
}

.main-banner-wrapper .setPosition .set-word {
    line-height: 33px;
    font-size: 24px;
}

.product-center-wrapper[data-v-78364608] {
    width: 100%;
}

.product-center-wrapper .index-banner[data-v-78364608] {
    width: 100%;
    height: 700px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.product-center-wrapper .index-banner .play-bar[data-v-78364608] {
    color: #fff;
    position: absolute;
    font-size: 16px;
    bottom: 50px;
    left: calc(50% - 109px);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.product-center-wrapper .index-banner .play-bar img[data-v-78364608] {
    width: 50px;
    height: auto;
    margin: 0 20px;
    vertical-align: middle;
    cursor: pointer;
}

.product-center-wrapper .index-banner .play-bar[data-v-78364608]:hover {
    opacity: 0.8;
}

.product-center-wrapper .index-banner video[data-v-78364608] {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 1450px) and (max-width: 1650px) {
    .product-center-wrapper .index-banner[data-v-78364608] {
        height: 700px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1450px) {
    .product-center-wrapper .index-banner[data-v-78364608] {
        height: 600px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1250px) {
    .product-center-wrapper .index-banner[data-v-78364608] {
        height: 500px;
    }
}

.product-center-wrapper .index-banner .banner-text-box[data-v-78364608] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.product-center-wrapper .index-banner .banner-text-box .title[data-v-78364608] {
    font-size: 64px;
    color: #ffffff;
    line-height: 90px;
    font-weight: 300;
    font-weight: bold;
}

.product-center-wrapper .index-banner .banner-text-box .text[data-v-78364608] {
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 12.9px;
    line-height: 33px;
}

.product-center-wrapper .product-intrudaction-page[data-v-78364608] {
    width: 100%;
    height: 700px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("http://p218r9j4q.bkt.clouddn.com/product-bg-1.png");
    position: relative;
}

.product-center-wrapper .product-intrudaction-page .product-info-panel[data-v-78364608] {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 1% 2%;
    top: 10%;
    right: 5%;
    color: #ffffff;
    width:736px;
    border-radius: 10px;
}

.product-center-wrapper .product-intrudaction-page .product-info-panel .title[data-v-78364608] {
    font-size: 32px;
    color: #ffffff;
    text-align: right;
    line-height: 60px;
    font-weight: bold;
}

.product-center-wrapper .product-intrudaction-page .product-info-panel .text[data-v-78364608] {
    line-height: 33px;
    font-size: 18px;
    text-align: right;
}

.product-center-wrapper .product-intrudaction-page .product-info-panel .list-box[data-v-78364608] {
    width: 100%;
    margin-top: 20px;
}

.product-center-wrapper .product-intrudaction-page .product-info-panel .list-box li[data-v-78364608] {
    width: 25%;
    float: left;
    text-align: center;
}

.product-center-wrapper .product-intrudaction-page .product-info-panel .list-box li div.img-box[data-v-78364608] {
    height: 49px;
    margin-bottom: 10px;
}

.product-center-wrapper .product-intrudaction-page .product-info-panel .list-box li div.img-box img[data-v-78364608] {
    vertical-align: bottom;
    margin-bottom: 12px;
}

.product-center-wrapper .product-intrudaction-page .product-info-panel .list-box li p[data-v-78364608] {
    padding-top: 16px;
}

.product-center-wrapper .product-intrudaction-page .product-knowmore-bar[data-v-78364608] {
    position: absolute;
    bottom: 2%;
    left: calc(50% - 15px);
    cursor: pointer;
    text-align: center;
}

.product-center-wrapper .product-intrudaction-page .product-knowmore-bar img[data-v-78364608] {
    width: 36px;
    height: auto;
}

.product-center-wrapper .product-intrudaction-page .product-knowmore-bar p[data-v-78364608] {
    font-size: 16px;
    color: #ffffff;
    line-height: 25px;
}

.product-center-wrapper .product-intrudaction-page .product-knowmore-bar .hover[data-v-78364608] {
    display: none;
}

.product-center-wrapper .full-product-intrudaction[data-v-78364608] {
    position: relative;
    -webkit-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
    width: 100%;
}

.product-center-wrapper .full-product-intrudaction.hide[data-v-78364608] {
    height: 0;
}

.product-center-wrapper .full-product-intrudaction .section[data-v-78364608] {
    width: 100%;
    background-color: #fff;
    padding: 50px 0;
}

.product-center-wrapper .full-product-intrudaction .section .section-inner[data-v-78364608] {
    width: 1200px;
    margin: 0 auto;
}

@media screen and (min-width: 1450px) and (max-width: 1650px) {
    .product-center-wrapper .full-product-intrudaction .section .section-inner[data-v-78364608] {
        width: 1200px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1450px) {
    .product-center-wrapper .full-product-intrudaction .section .section-inner[data-v-78364608] {
        width: 1150px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1250px) {
    .product-center-wrapper .full-product-intrudaction .section .section-inner[data-v-78364608] {
        width: 1050px;
    }
}

.product-center-wrapper .full-product-intrudaction .section .section-inner.move-section[data-v-78364608] {
    position: relative;
    padding: 50px 0;
}

.product-center-wrapper .full-product-intrudaction .section .section-inner.move-section .first-line[data-v-78364608] {
    border: 1px solid #8d8d8d;
    width: calc(100% - 2px);
    height: 110px;
    border-right: 0;
    border-bottom: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.product-center-wrapper .full-product-intrudaction .section .section-inner.move-section .second-line[data-v-78364608] {
    width: calc(100% - 2px);
    border: 1px solid #8d8d8d;
    height: 110px;
    border-left: 0;
    border-bottom: 0;
    border-bottom-left-radius: 10px;
}

.product-center-wrapper .full-product-intrudaction .section .section-inner.move-section .move-right[data-v-78364608] {
    width: 432px;
    float: right;
}

.product-center-wrapper .full-product-intrudaction .section .section-inner.move-section .move-right .title[data-v-78364608] {
    font-size: 36px;
    color: #000000;
    line-height: 50px;
    margin: 50px 0 36px 0;
    font-weight: bold;
}

.product-center-wrapper .full-product-intrudaction .section .section-inner.move-section .move-left[data-v-78364608] {
    float: left;
    width: 500px;
}

.product-center-wrapper .full-product-intrudaction .section .left[data-v-78364608] {
    float: left;
    width: 500px;
}

.product-center-wrapper .full-product-intrudaction .section .left video[data-v-78364608] {
    width: 500px;
}

.product-center-wrapper .full-product-intrudaction .section .left .title[data-v-78364608] {
    font-size: 36px;
    color: #000000;
    margin: 50px 0 36px 0;
    line-height: 50px;
    font-weight: bold;
}

.product-center-wrapper .full-product-intrudaction .section .left .words[data-v-78364608] {
    font-size: 18px;
    color: #000000;
    line-height: 25px;
}

.product-center-wrapper .full-product-intrudaction .section .text[data-v-78364608] {
    width: 500px;
    float: right;
}

.product-center-wrapper .full-product-intrudaction .section .text video[data-v-78364608] {
    width: 500px;
}

.product-center-wrapper .full-product-intrudaction .section .text .half-img[data-v-78364608] {
    width: 70%;
    height: auto;
    margin-left: 30%;
}

.product-center-wrapper .full-product-intrudaction .section .text .title[data-v-78364608] {
    font-size: 36px;
    color: #000000;
    margin: 50px 0 36px 0;
    line-height: 50px;
    font-weight: bold;
}

.product-center-wrapper .full-product-intrudaction .section .text .words[data-v-78364608] {
    font-size: 18px;
    color: #000000;
    line-height: 25px;
}

.product-center-wrapper .product-intrudaction-page2[data-v-78364608] {
    width: 100%;
    height: 1000px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("http://p218r9j4q.bkt.clouddn.com/product-bg-2.png");
    position: relative;
    text-align: center;
}

@media screen and (min-width: 1450px) and (max-width: 1650px) {
    .product-center-wrapper .product-intrudaction-page2[data-v-78364608] {
        height: 700px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1450px) {
    .product-center-wrapper .product-intrudaction-page2[data-v-78364608] {
        height: 700px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1250px) {
    .product-center-wrapper .product-intrudaction-page2[data-v-78364608] {
        height: 700px;
    }
}

.product-center-wrapper .product-intrudaction-page2 .title[data-v-78364608] {
    font-size: 38px;
    color: #ffffff;
    line-height: 48px;
    padding-top: 70px;
    padding-bottom: 25px;
    font-weight: bold;
}

.product-center-wrapper .product-intrudaction-page2 .subtitle[data-v-78364608] {
    font-size: 18px;
    color: #ffffff;
    line-height: 33px;
    padding-bottom: 70px;
}

.product-center-wrapper .product-intrudaction-page2 .item-list[data-v-78364608] {
    width: 100%;
}

.product-center-wrapper .product-intrudaction-page2 .item-list li[data-v-78364608] {
    float: left;
    width: 20%;
}

.product-center-wrapper .product-intrudaction-page2 .item-list li .tit[data-v-78364608] {
    padding: 20px 0;
    color: #fff;
}

.product-center-wrapper .product-intrudaction-page3[data-v-78364608] {
    width: 100%;
    height: 700px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("http://p218r9j4q.bkt.clouddn.com/n.png");
    position: relative;
}

@media screen and (min-width: 1450px) and (max-width: 1650px) {
    .product-center-wrapper .product-intrudaction-page3[data-v-78364608] {
        height: 700px;
    }
}

.product-center-wrapper .product-intrudaction-page3 .page3-bg[data-v-78364608] {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding: 30px 0;
    position: absolute;
    bottom: 15%;
}

.product-center-wrapper .product-intrudaction-page3 .page3-bg .page3-bg-inner[data-v-78364608] {
    width: 1200px;
    margin: 0 auto;
}

.product-center-wrapper .product-intrudaction-page3 .page3-bg .page3-bg-inner .left[data-v-78364608] {
    width: 30%;
    float: left;
}

.product-center-wrapper .product-intrudaction-page3 .page3-bg .page3-bg-inner .left img[data-v-78364608] {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.product-center-wrapper .product-intrudaction-page3 .page3-bg .page3-bg-inner .right[data-v-78364608] {
    width: calc(70% - 20px);
    float: right;
    padding-left: 20px;
}

.product-center-wrapper .product-intrudaction-page3 .page3-bg .page3-bg-inner .right .title[data-v-78364608] {
    font-size: 38px;
    color: #ffffff;
    line-height: 32px;
    padding-bottom: 26px;
    font-weight: bold;
}

.product-center-wrapper .product-intrudaction-page3 .page3-bg .page3-bg-inner .right .subtitle[data-v-78364608] {
    font-size: 18px;
    color: #ffffff;
    line-height: 33px;
}

.product-center-wrapper .product-intrudaction-page3 .page3-bg .page3-bg-inner .right .item-list[data-v-78364608] {
    width: 100%;
    padding-top: 20px;
}

.product-center-wrapper .product-intrudaction-page3 .page3-bg .page3-bg-inner .right .item-list li[data-v-78364608] {
    float: left;
    width: 180px;
    text-align: center;
    color: #fff;
}

.product-center-wrapper .product-intrudaction-page3 .page3-bg .page3-bg-inner .right .item-list li[data-v-78364608]:not(:last-child) {
    margin-right: 30px;
}

.product-center-wrapper .product-intrudaction-page3 .page3-bg .page3-bg-inner .right .item-list li p[data-v-78364608] {
    padding-top: 10px;
    font-size: 16px;
}

.product-center-wrapper .product-intrudaction-page4[data-v-78364608] {
    background-image: url("http://p218r9j4q.bkt.clouddn.com/blink.gif");
}

.product-center-wrapper .product-intrudaction-page4 .item-list[data-v-78364608] {
    bottom: 60px;
}

.product-center-wrapper .product-intrudaction-page5[data-v-78364608] {
    background-image: url("http://p218r9j4q.bkt.clouddn.com/500436128%20copy.png");
}

.product-center-wrapper .product-intrudaction-page5 .right[data-v-78364608] {
    width: calc(65% - 20px);
    float: right;
    padding-left: 20px;
}

.product-center-wrapper .product-intrudaction-page5 .right .title[data-v-78364608] {
    font-size: 38px;
    color: #ffffff;
    line-height: 32px;
    padding-bottom: 26px;
}

.product-center-wrapper .product-intrudaction-page5 .right .subtitle[data-v-78364608] {
    font-size: 18px;
    color: #ffffff;
    line-height: 33px;
}

.product-center-wrapper .product-intrudaction-page5 .right .item-list[data-v-78364608] {
    width: 100%;
    padding-top: 20px;
}

.product-center-wrapper .product-intrudaction-page5 .right .item-list li[data-v-78364608] {
    float: left;
    width: calc(20% - 16px) !important;
    text-align: center;
    color: #fff;
}

.product-center-wrapper .product-intrudaction-page5 .right .item-list li[data-v-78364608]:not(:last-child) {
    margin-right: 20px !important;
}

.product-center-wrapper .product-intrudaction-page5 .right .item-list li p[data-v-78364608] {
    padding-top: 10px;
    font-size: 16px;
}

.product-center-wrapper .product-intrudaction-page6[data-v-78364608] {
    background-image: url("http://p218r9j4q.bkt.clouddn.com/IMG_0364%20Copy%204.png");
}

.product-center-wrapper .product-intrudaction-page6 .product-info-panel[data-v-78364608] {
    text-align: center !important;
}

.product-center-wrapper .product-intrudaction-page6 .product-info-panel .list-box[data-v-78364608] {
    width: 100%;
    margin-top: 20px;
}

.product-center-wrapper .product-intrudaction-page6 .product-info-panel .list-box li[data-v-78364608] {
    width: 33%;
    float: left;
    text-align: center;
}

.product-center-wrapper .product-intrudaction-page6 .product-info-panel .list-box li div.img-box[data-v-78364608] {
    height: 49px;
    margin-bottom: 10px;
}

.product-center-wrapper .product-intrudaction-page6 .product-info-panel .list-box li div.img-box img[data-v-78364608] {
    vertical-align: bottom;
}

.el-carousel__item img[data-v-78364608] {
    width: 100%;
}

.about-wrapper[data-v-413e1b52] {
    width: 100%;
    background-color: #f1f5f7;
}

.about-wrapper .company-introduction[data-v-413e1b52] {
    width: 1440px;
    margin: 0px auto;
    padding: 80px 60px;
    background-color: #fff;
}

@media screen and (min-width: 1450px) and (max-width: 1650px) {
    .about-wrapper .company-introduction[data-v-413e1b52] {
        width: 1400px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1450px) {
    .about-wrapper .company-introduction[data-v-413e1b52] {
        width: 1100px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1250px) {
    .about-wrapper .company-introduction[data-v-413e1b52] {
        width: 950px;
    }
}

.about-wrapper .company-introduction .inner-wrapper[data-v-413e1b52] {
    width: calc(100%);
    margin: auto;
}

.about-wrapper .company-introduction .inner-wrapper img[data-v-413e1b52] {
    margin: 0 auto;
    display: block;
}

.about-wrapper .company-introduction .inner-wrapper .text-box[data-v-413e1b52] {
    width: calc(100%);
    float: right;
}

.about-wrapper .company-introduction .inner-wrapper .text-box .title[data-v-413e1b52] {
    color: #333;
    font-size: 24px;
    line-height: 33px;
    padding: 20px 0;
    text-align: center;
}

.about-wrapper .company-introduction .inner-wrapper .text-box .text[data-v-413e1b52] {
    font-size: 16px;
    line-height: 40px;
    color: #333;
    text-indent: 40px;
}

.about-wrapper .callme[data-v-413e1b52] {
    width: 1440px;
    margin: 20px auto;
}

@media screen and (min-width: 1450px) and (max-width: 1650px) {
    .about-wrapper .callme[data-v-413e1b52] {
        width: 1200px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1450px) {
    .about-wrapper .callme[data-v-413e1b52] {
        width: 1000px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1250px) {
    .about-wrapper .callme[data-v-413e1b52] {
        width: 900px;
    }
}

.about-wrapper .callme .title[data-v-413e1b52] {
    font-size: 24px;
    line-height: 33px;
    padding: 30px 0;
    color: #333;
    font-weight: bold;
}

.about-wrapper .callme .service-list[data-v-413e1b52] {
    width: 100%;
    padding: 50px 0;
}

.about-wrapper .callme .service-list>li[data-v-413e1b52] {
    width: 200px;
    text-align: center;
    float: left;
    margin-right: 90px;
}

.about-wrapper .callme .service-list>li img[data-v-413e1b52] {
    margin-bottom: 20px;
}

.about-wrapper .callme .service-list>li p[data-v-413e1b52] {
    line-height: 28px;
    font-size: 20px;
    color: #303233;
}

.about-wrapper .callme .main .main-title[data-v-413e1b52] {
    font-size: 24px;
    line-height: 33px;
    padding: 30px 0;
    color: #000;
    font-weight: bold;
}

.about-wrapper .callme .main .main-text[data-v-413e1b52] {
    width: 100%;
}

.about-wrapper .callme .main .main-text .text-box[data-v-413e1b52] {
    float: left;
    width: calc(100% - 300px);
}

.about-wrapper .callme .main .main-text .text-box p[data-v-413e1b52] {
    font-size: 18px;
    color: #333333;
    line-height: 25px;
    padding: 10px 0;
}

.about-wrapper .callme .main .main-text .text-box p .tit[data-v-413e1b52] {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.about-wrapper .callme .main .main-text .text-box p .val[data-v-413e1b52] {
    font-size:  !important;
    color: #606060;
}

.about-wrapper .callme .main .main-text img[data-v-413e1b52] {
    float: right;
    margin-right: 0px;
}

.about-wrapper .parent[data-v-413e1b52] {
    width: 1440px;
    margin: 20px auto;
}

@media screen and (min-width: 1450px) and (max-width: 1650px) {
    .about-wrapper .parent[data-v-413e1b52] {
        width: 1200px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1450px) {
    .about-wrapper .parent[data-v-413e1b52] {
        width: 1000px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1250px) {
    .about-wrapper .parent[data-v-413e1b52] {
        width: 900px;
    }
}

.about-wrapper .parent .title[data-v-413e1b52] {
    font-size: 24px;
    line-height: 33px;
    padding: 30px 0;
    color: #333;
    font-weight: bold;
}

.about-wrapper .parent ul li[data-v-413e1b52] {
    float: left;
}

.about-wrapper .parent ul li img[data-v-413e1b52] {
    height: 150px;
    margin-right: 40px;
}

.support-wrapper[data-v-8573b8d0] {
    width: 100%;
}

.support-wrapper .support-banner[data-v-8573b8d0] {
    width: 100%;
    height: 434px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("http://p218r9j4q.bkt.clouddn.com/support.png");
    position: relative;
}

@media screen and (min-width: 1450px) and (max-width: 1650px) {
    .support-wrapper .support-banner[data-v-8573b8d0] {
        height: 356px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1450px) {
    .support-wrapper .support-banner[data-v-8573b8d0] {
        height: 300px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1250px) {
    .support-wrapper .support-banner[data-v-8573b8d0] {
        height: 280px;
    }
}

.support-wrapper .support-banner .banner-text-box[data-v-8573b8d0] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.support-wrapper .support-banner .banner-text-box .title[data-v-8573b8d0] {
    font-size: 48px;
    color: #ffffff;
    line-height: 90px;
    font-weight: 300;
}

.support-wrapper .support-banner .banner-text-box .text[data-v-8573b8d0] {
    font-size: 26px;
    color: #ffffff;
    letter-spacing: 12.9px;
    line-height: 33px;
}

.support-wrapper .main-cotent[data-v-8573b8d0] {
    width: 1152px;
    margin: 50px auto;
}

.support-wrapper .main-cotent .nav-list[data-v-8573b8d0] {
    width: 100%;
    margin: 20px 0;
}

.support-wrapper .main-cotent .nav-list .list-item[data-v-8573b8d0] {
    float: left;
    width: calc(25% - 7.5px);
    background-color: #f2f2f2;
    text-align: center;
    padding: 30px 0;
    padding-bottom: 15px;
    color: #979797;
    position: relative;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.support-wrapper .main-cotent .nav-list .list-item[data-v-8573b8d0]:not(:last-child) {
    margin-right: 10px;
}

.support-wrapper .main-cotent .nav-list .list-item .icon[data-v-8573b8d0] {
    font-size: 89px;
}

.support-wrapper .main-cotent .nav-list .list-item .name[data-v-8573b8d0] {
    font-size: 18px;
    line-height: 25px;
    padding: 15px 0;
}

.support-wrapper .main-cotent .nav-list .list-item.actived[data-v-8573b8d0] {
    -webkit-transform: translateY(26px);
    transform: translateY(26px);
    background-color: #47b0ff;
    color: #fff;
}

.support-wrapper .main-cotent .nav-list .list-item.actived[data-v-8573b8d0]::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 10px solid #47b0ff;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px);
}

.support-wrapper .main-cotent .main-panel[data-v-8573b8d0] {
    margin: 50px 0;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .app-words[data-v-8573b8d0] {
    width: 92%;
    margin: 0 auto;
    color: #606060;
    line-height: 20px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .app-title[data-v-8573b8d0] {
    color: #606060;
    height: 60px;
    line-height: 60px;
    text-indent: 20px;
    font-size: 18px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .half-words[data-v-8573b8d0] {
    width: 40%;
    margin-right: 5%;
    float: left;
    padding-left: 30px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .half-words .half-title[data-v-8573b8d0] {
    height: 60px;
    line-height: 60px;
    color: #7A7B7B;
    font-size: 18px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .half-words .half-list[data-v-8573b8d0] {
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-indent: 10px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .half-words .half-list .list-left[data-v-8573b8d0],
.support-wrapper .main-cotent .main-panel .main-panel-item .half-words .half-list .list-right[data-v-8573b8d0] {
    float: left;
    width: 50%;
    color: #606060;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .half-words .half-list[data-v-8573b8d0]:nth-child(odd) {
    background: #EBF6FF;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .half-words .half-list[data-v-8573b8d0]:nth-child(even) {
    background: #fff;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .words[data-v-8573b8d0] {
    width: 100%;
    padding-left: 20px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .words .words-title[data-v-8573b8d0] {
    height: 40px;
    line-height: 40px;
    color: #7A7B7B;
    font-size: 18px;
    font-weight: bold;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .img[data-v-8573b8d0] {
    width: 100%;
    margin: 0 auto;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .img img[data-v-8573b8d0] {
    display: block;
    margin: 0 auto;
    width: 70%;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .title[data-v-8573b8d0] {
    font-size: 18px;
    line-height: 30px;
    padding: 15px 0;
    color: #666;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .faq-title[data-v-8573b8d0] {
    font-size: 24px;
    color: #000;
    padding-left: 20px;
    font-weight: bold;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .doc-item[data-v-8573b8d0] {
    width: 100%;
    position: relative;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .doc-item>div[data-v-8573b8d0] {
    float: left;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-name[data-v-8573b8d0] {
    width: calc(55% - 40px);
    padding-left: 40px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-name .time[data-v-8573b8d0] {
    position: relative;
    color: #cdcdcd;
    font-size: 14px;
    line-height: 22px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-name .time[data-v-8573b8d0]::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #cdcdcd;
    position: absolute;
    left: -25px;
    top: 5px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-name .name[data-v-8573b8d0] {
    font-size: 14px;
    color: #47b0ff;
    line-height: 22px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-type[data-v-8573b8d0] {
    width: 25%;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-type>span[data-v-8573b8d0] {
    line-height: 44px;
    background-color: #cdcdcd;
    color: #fff;
    padding: 3px 6px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-download-btn[data-v-8573b8d0] {
    width: 20%;
    text-align: right;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-download-btn>a[data-v-8573b8d0] {
    line-height: 44px;
    border-radius: 5px;
    border: 1px solid #47b0ff;
    color: #47b0ff;
    padding: 2px 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-download-btn>a[data-v-8573b8d0]:hover {
    color: #fff;
    border-color: #fff;
    background-color: #47b0ff;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .faq-item-box[data-v-8573b8d0] {
    padding: 30px 0;
    padding-left: 20px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item[data-v-8573b8d0] {
    margin-bottom: 30px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .line[data-v-8573b8d0] {
    background-color: #ececec;
    width: 100%;
    height: 1px;
    margin: 15px 0;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .issue[data-v-8573b8d0] {
    font-size: 16px;
    color: #333333;
    position: relative;
    padding-right: 50px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .issue>span[data-v-8573b8d0] {
    position: absolute;
    right: 0;
    font-size: 24px;
    top: calc(50% - 12px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .issue>span.actived[data-v-8573b8d0] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #47b0ff;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .answer[data-v-8573b8d0] {
    background: #e6f0f8;
    border-radius: 10px;
    padding: 30px 0 20px 0;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .answer.actived[data-v-8573b8d0] {
    height: 0px;
    overflow: hidden;
    padding: 0px;
    display: none;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .answer>p[data-v-8573b8d0] {
    line-height: 20px;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .answer .icon-bar[data-v-8573b8d0] {
    width: 50px;
    font-size: 40px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    color: #47b0ff;
}

.support-wrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .answer .text[data-v-8573b8d0] {
    display: inline-block;
    width: calc(100% - 80px);
    color: #47b0ff;
}

.fl[data-v-8573b8d0] {
    float: left;
    width: 46%;
    padding-left: 4%;
    color: #606060;
    line-height: 20px;
}

.dao[data-v-8573b8d0] {
    width: 94%;
    padding-left: 30px;
    margin-top: 50px;
    color: #606060;
}

.dao .item[data-v-8573b8d0] {
    width: 30%;
    float: left;
}

.foot-main {
    background: #24272e;
}

.main-phone-wrapper img {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner-title,
.banner-content {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    color: #fff;
}

.banner-title {
    top: 100px;
    font-size: 21px;
}

.banner-content {
    top: 140px;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 12px;
    line-height: 18px;
    opacity: 0.8;
}

.shipins {
    width: 100%;
}

.shipins .shipin {
    height: 500px;
    width: 100%;
    position: relative;
}

.shipins .shipin video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.shipins .shipin .play-bar {
    position: absolute;
    width: 52px;
    height: 52px;
    top: calc(50% - 26px);
    left: calc(50% - 26px);
    z-index: 3;
}

.shipins .shipin .video-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.news-phone {
    width: 100%;
    background: #f8f8f8;
}

.news-phone h1 {
    height: 70px;
    line-height: 70px;
    padding-left: 22px;
    font-weight: bold;
    font-size: 16px;
}

.news-phone .news-img {
    padding-left: 22px;
    padding-right: 22px;
    padding-bottom: 22px;
    position: relative;
    height: 200px;
}

.news-phone .news-img .el-carousel__container {
    height: 100%;
}

.news-phone .news-list {
    margin-left: 22px;
    margin-right: 22px;
    background: #fff;
    height: 100px;
    margin-bottom: 15px;
}

.news-phone .news-list .list-left {
    width: 30%;
    height: 100%;
    float: left;
}

.news-phone .news-list .list-center {
    width: 60%;
    height: 100%;
    float: left;
}

.news-phone .news-list .list-center span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-indent: 15px;
}

.news-phone .news-list .list-center .list-center-title {
    font-size: 17px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
}

.news-phone .news-list .list-center .list-center-content {
    font-size: 13px;
    color: #aaa;
}

.news-phone .news-list .list-right {
    width: 10%;
    height: 100%;
    float: left;
}

.news-phone .news-list .list-right img {
    width: 8px;
    height: 15px;
    margin-top: 40px;
    margin-left: 10px;
}

.foot-phone-wrapper[data-v-5f4a62fe] {
    width: 100%;
    height: 343px;
    background: #24272e;
}

.foot-phone-wrapper .title[data-v-5f4a62fe] {
    padding-left: 20px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #656565;
}

.foot-phone-wrapper .title1[data-v-5f4a62fe] {
    padding-left: 20px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    opacity: 0.8;
    font-size: 13px;
}

.foot-phone-wrapper .el-input[data-v-5f4a62fe] {
    margin-left: 20px;
    margin-right: 20px;
    width: 70%;
    border-radius: 0;
    position: relative;
}

.foot-phone-wrapper .el-input__inner[data-v-5f4a62fe] {
    border: 1px solid #979797;
    border-radius: 0 !important;
}

.foot-phone-wrapper .phone-icon[data-v-5f4a62fe] {
    padding-left: 20px;
    margin-top: 40px;
    margin-bottom: 30px;
    height: 20px;
}

.foot-phone-wrapper .phone-icon img[data-v-5f4a62fe] {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 30px;
}

.foot-phone-wrapper .word-phone[data-v-5f4a62fe] {
    padding-left: 20px;
    padding-right: 20px;
    color: #8a8a8a;
    line-height: 20px;
    font-size: 13px;
}

.imgs[data-v-5f4a62fe] {
    width: 41px;
    height: 41px;
    position: absolute;
    left: 280px;
}

.menu-btn[data-v-1e47dc4e] {
    width: 52px;
    height: 52px;
    margin-right: -10px;
    margin-left: 10px;
    position: fixed;
    left: 10px;
    z-index: 1000;
}

.menu-btn>p[data-v-1e47dc4e] {
    padding: 12px 0;
}

.menu-btn>p>span[data-v-1e47dc4e] {
    display: block;
    width: 20px;
    height: 3px;
    background: #fff;
    margin-top: 5px;
    border-radius: 3px;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform-origin: -7%;
    transform-origin: -7%;
}

.menu-btn.blackColors>p>span[data-v-1e47dc4e] {
    background-color: #000;
}

.menu-btn.blackColors>p>span.black[data-v-1e47dc4e] {
    background-color: #fff;
}

.menu-btn-rotate0[data-v-1e47dc4e] {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-btn-rotate1[data-v-1e47dc4e] {
    opacity: 0;
}

.menu-btn-rotate2[data-v-1e47dc4e] {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.main-phone-wrapper[data-v-1e47dc4e] {
    width: 100%;
}

.main-header[data-v-1e47dc4e] {
    height: 50px;
    width: 100%;
    line-height: 50px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.main-header.blackColor[data-v-1e47dc4e] {
    color: #000;
    background-color: #fff;
}

.main-header span[data-v-1e47dc4e] {
    display: inline-block;
    width: 100%;
    height: 50px;
    font-size: 24px;
    text-align: center;
}

.bg[data-v-1e47dc4e] {
    width: 100%;
    background: #000;
    height: 800px;
    padding-top: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.bg .list-phone[data-v-1e47dc4e] {
    height: 50px;
    line-height: 50px;
    color: #fff;
    width: 100%;
    border-bottom: 1px solid #3e3e3e;
    text-indent: 20px;
}

.fade-enter-active[data-v-1e47dc4e],
.fade-leave-active[data-v-1e47dc4e] {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.fade-enter[data-v-1e47dc4e],
.fade-leave-to[data-v-1e47dc4e] {
    opacity: 0;
}

.phone-about-wrapper[data-v-3d81b6f1] {
    width: 100%;
}

.phone-about-wrapper .about-innerwrapper[data-v-3d81b6f1] {
    padding: 30px 0;
    margin-top: 30px;
    background-color: #f1f5f7;
    text-align: center;
}

.phone-about-wrapper .about-innerwrapper>img[data-v-3d81b6f1] {
    width: calc(100% - 60px);
}

.phone-about-wrapper .about-innerwrapper .about-text[data-v-3d81b6f1] {
    padding: 20px 30px;
}

.phone-about-wrapper .about-innerwrapper .about-text .title[data-v-3d81b6f1] {
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    padding-bottom: 10px;
    font-weight: 600;
    text-align: left;
}

.phone-about-wrapper .about-innerwrapper .about-text .text[data-v-3d81b6f1] {
    font-size: 13px;
    color: #333333;
    line-height: 20px;
}

.phone-about-wrapper .about-innerwrapper .service[data-v-3d81b6f1] {
    width: 100%;
    background-color: #fff;
    padding-bottom: 10px;
}

.phone-about-wrapper .about-innerwrapper .service .inner[data-v-3d81b6f1] {
    padding: 0 30px;
}

.phone-about-wrapper .about-innerwrapper .service .inner .title[data-v-3d81b6f1] {
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    text-align: left;
}

.phone-about-wrapper .about-innerwrapper .service .inner .service-list[data-v-3d81b6f1] {
    width: 100%;
    margin: 15px 0;
}

.phone-about-wrapper .about-innerwrapper .service .inner .service-list>li[data-v-3d81b6f1] {
    float: left;
    width: 33%;
    text-align: center;
}

.phone-about-wrapper .about-innerwrapper .service .inner .service-list>li img[data-v-3d81b6f1] {
    width: 35px;
    height: auto;
    padding-bottom: 10px;
}

.phone-about-wrapper .about-innerwrapper .service .inner .service-list>li p[data-v-3d81b6f1] {
    font-size: 10px;
    margin: 5px 0;
}

.phone-about-wrapper .about-innerwrapper .service .inner .service-list>li p.email[data-v-3d81b6f1] {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.phone-about-wrapper .about-innerwrapper .callus[data-v-3d81b6f1] {
    width: 100%;
    padding-top: 30px;
}

.phone-about-wrapper .about-innerwrapper .callus .inner[data-v-3d81b6f1] {
    padding: 0 30px;
}

.phone-about-wrapper .about-innerwrapper .callus .inner .title[data-v-3d81b6f1] {
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    text-align: left;
}

.phone-about-wrapper .about-innerwrapper .callus .inner .label[data-v-3d81b6f1] {
    font-size: 13px;
    color: #333333;
    font-weight: 600;
    padding: 20px 0 15px 0;
    text-align: left;
}

.phone-about-wrapper .about-innerwrapper .callus .inner .value[data-v-3d81b6f1] {
    font-size: 13px;
    color: #333333;
    line-height: 18px;
    text-align: left;
}

.phone-about-wrapper .partner-wrapper[data-v-3d81b6f1] {
    width: 100%;
    background-color: #fff;
    margin-top: 20px;
}

.phone-about-wrapper .partner-wrapper .pa-w[data-v-3d81b6f1] {
    width: calc(100% - 60px);
    height: 320px;
    margin: 0 auto;
    background-color: #fff;
}

.phone-about-wrapper .partner-wrapper .pa-w span[data-v-3d81b6f1] {
    text-align: left;
    display: block;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
}

.phone-about-wrapper .partner-wrapper .pa-w img[data-v-3d81b6f1] {
    width: 80px;
    height: auto;
}

.a img[data-v-3d81b6f1] {
    width: 100px !important;
    height: 120px !important;
}

.phone-support-wrapper[data-v-3f6efd39] {
    width: 100%;
}

.phone-support-wrapper .support-innerwrapper[data-v-3f6efd39] {
    padding: 30px 0;
    margin-top: 22px;
    background-color: #f1f5f7;
    text-align: center;
}

.phone-support-wrapper .support-innerwrapper .banner[data-v-3f6efd39] {
    width: 100%;
    background-image: url("http://p218r9j4q.bkt.clouddn.com/support.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
    position: relative;
}

.phone-support-wrapper .support-innerwrapper .banner .text-box[data-v-3f6efd39] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

.phone-support-wrapper .support-innerwrapper .banner .text-box .title[data-v-3f6efd39] {
    font-size: 16.67px;
    line-height: 26px;
}

.phone-support-wrapper .support-innerwrapper .banner .text-box .text[data-v-3f6efd39] {
    font-size: 12.5px;
    line-height: 17px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent[data-v-3f6efd39] {
    width: 100%;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .nav-list[data-v-3f6efd39] {
    width: 100%;
    margin: 20px 0;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .nav-list .list-item[data-v-3f6efd39] {
    float: left;
    width: calc(25% - 3.75px);
    background-color: #f2f2f2;
    text-align: center;
    padding: 15px 0;
    padding-bottom: 15px;
    color: #979797;
    position: relative;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .nav-list .list-item[data-v-3f6efd39]:not(:last-child) {
    margin-right: 5px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .nav-list .list-item .icon[data-v-3f6efd39] {
    font-size: 30px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .nav-list .list-item .name[data-v-3f6efd39] {
    font-size: 12px;
    line-height: 25px;
    padding: 5px 0;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .nav-list .list-item.actived[data-v-3f6efd39] {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
    background-color: #47b0ff;
    color: #fff;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .nav-list .list-item.actived[data-v-3f6efd39]::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 10px solid #47b0ff;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px);
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel[data-v-3f6efd39] {
    margin: 50px 0;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item[data-v-3f6efd39] {
    width: calc(100% - 20px);
    margin: auto;
    background-color: #fff;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item img[data-v-3f6efd39] {
    width: 100%;
    height: auto;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .half-words[data-v-3f6efd39] {
    width: 90%;
    margin: 0 auto;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .half-words .half-title[data-v-3f6efd39] {
    height: 60px;
    line-height: 60px;
    color: #7A7B7B;
    font-size: 16px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .half-words .half-list[data-v-3f6efd39] {
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-indent: 10px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .half-words .half-list .list-left[data-v-3f6efd39],
.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .half-words .half-list .list-right[data-v-3f6efd39] {
    float: left;
    width: 50%;
    color: #606060;
    overflow: hidden;
    height: 34px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .half-words .half-list[data-v-3f6efd39]:nth-child(odd) {
    background: #EBF6FF;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .half-words .half-list[data-v-3f6efd39]:nth-child(even) {
    background: #fff;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .down-app[data-v-3f6efd39] {
    width: 100%;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .down-app img[data-v-3f6efd39] {
    display: block;
    margin: 0 auto;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .down-app img[data-v-3f6efd39]:nth-child(1) {
    width: 80px;
    height: 105px;
    margin-bottom: 40px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .down-app a img[data-v-3f6efd39] {
    width: 160px !important;
    margin-bottom: 20px;
    height: 60px !important;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .words-app[data-v-3f6efd39] {
    text-align: left;
    padding-left: 10px;
    line-height: 20px;
    color: #606060;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item[data-v-3f6efd39]:not(:first-child) {
    display: none;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .title[data-v-3f6efd39] {
    font-size: 16px;
    line-height: 30px;
    padding: 15px 0;
    color: #606060;
    text-align: left;
    text-indent: 20px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .faq-title[data-v-3f6efd39] {
    font-size: 16px;
    color: #6e6e6e;
    text-align: left;
    text-indent: 20px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .doc-item[data-v-3f6efd39] {
    width: 100%;
    position: relative;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .doc-item>div[data-v-3f6efd39] {
    float: left;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-name[data-v-3f6efd39] {
    width: calc(55% - 20px);
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-name .time[data-v-3f6efd39] {
    position: relative;
    color: #cdcdcd;
    font-size: 14px;
    line-height: 22px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-name .time[data-v-3f6efd39]::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #cdcdcd;
    position: absolute;
    left: 25px;
    top: 5px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-name .name[data-v-3f6efd39] {
    font-size: 14px;
    color: #47b0ff;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-type[data-v-3f6efd39] {
    width: 25%;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-type>span[data-v-3f6efd39] {
    line-height: 44px;
    background-color: #cdcdcd;
    color: #fff;
    padding: 0px 6px;
    font-size: 12px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-download-btn[data-v-3f6efd39] {
    width: 20%;
    text-align: right;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-download-btn>a[data-v-3f6efd39] {
    line-height: 44px;
    border-radius: 5px;
    border: 1px solid #47b0ff;
    color: #47b0ff;
    padding: 2px 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .doc-item>div.doc-download-btn>a[data-v-3f6efd39]:hover {
    color: #fff;
    border-color: #fff;
    background-color: #47b0ff;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .faq-item-box[data-v-3f6efd39] {
    padding: 30px 0;
    text-align: left;
    padding-left: 20px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item[data-v-3f6efd39] {
    margin-bottom: 30px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .line[data-v-3f6efd39] {
    background-color: #ececec;
    width: 100%;
    height: 1px;
    margin: 15px 0;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .issue[data-v-3f6efd39] {
    font-size: 14px;
    color: #333333;
    position: relative;
    padding-right: 50px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .issue>span[data-v-3f6efd39] {
    position: absolute;
    right: 0;
    font-size: 24px;
    top: calc(50% - 12px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .issue>span.actived[data-v-3f6efd39] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #47b0ff;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .answer[data-v-3f6efd39] {
    border-radius: 10px;
    padding: 15px 0 10px 0;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .answer.actived[data-v-3f6efd39] {
    height: 0px;
    overflow: hidden;
    padding: 0px;
    display: none;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .answer>p[data-v-3f6efd39] {
    line-height: 20px;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .answer .icon-bar[data-v-3f6efd39] {
    width: 50px;
    font-size: 40px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    color: #47b0ff;
}

.phone-support-wrapper .support-innerwrapper .main-cotent .main-panel .main-panel-item .faq-item-box .faq-item .answer .text[data-v-3f6efd39] {
    display: inline-block;
    width: calc(100% - 80px);
    color: #47b0ff;
}

.phone-product-center-wrapper[data-v-9b4a07c2] {
    width: 100%;
}

.phone-product-center-wrapper img[data-v-9b4a07c2] {
    width: 100%;
    height: 100%;
}

.phone-product-center-wrapper .inner-wrapper[data-v-9b4a07c2] {
    width: 100%;
}

.phone-product-center-wrapper .inner-wrapper .banner[data-v-9b4a07c2] {
    width: 100%;
    height: 535px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.phone-product-center-wrapper .inner-wrapper .banner .play-bar[data-v-9b4a07c2] {
    color: #fff;
    position: absolute;
    font-size: 14px;
}

.phone-product-center-wrapper .inner-wrapper .banner .play-bar img[data-v-9b4a07c2] {
    width: 100%;
    height: 100%;
    margin: 0 20px;
    vertical-align: middle;
    cursor: pointer;
}

.phone-product-center-wrapper .inner-wrapper .banner .banner-text-box[data-v-9b4a07c2] {
    position: absolute;
    top: 16%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.phone-product-center-wrapper .inner-wrapper .banner .banner-text-box .title[data-v-9b4a07c2] {
    font-size: 24px;
    color: #ffffff;
    line-height: 90px;
    font-weight: 300;
}

.phone-product-center-wrapper .inner-wrapper .banner .banner-text-box .text[data-v-9b4a07c2] {
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 12.9px;
    line-height: 33px;
}

.phone-product-center-wrapper .inner-wrapper .banner video[data-v-9b4a07c2] {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.phone-product-center-wrapper .inner-wrapper .banner .title[data-v-9b4a07c2] {
    font-size: 30px;
    color: #ffffff;
    padding-top: 176px;
    line-height: 46px;
}

.phone-product-center-wrapper .inner-wrapper .banner .subtitle[data-v-9b4a07c2] {
    font-size: 20px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 28px;
    padding-top: 4px;
}

.phone-product-center-wrapper .inner-wrapper .banner .play[data-v-9b4a07c2] {
    position: absolute;
    color: #ffffff;
    bottom: 10%;
    left: calc(50% - 96.5px);
}

.phone-product-center-wrapper .inner-wrapper .banner .play img[data-v-9b4a07c2] {
    width: 45px;
    height: auto;
    vertical-align: middle;
    margin: 0 10px;
}

.phone-product-center-wrapper .inner-wrapper .product-section[data-v-9b4a07c2] {
    width: 100%;
    height: 535px;
    background-image: url("http://p218r9j4q.bkt.clouddn.com/section1-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-knowmore-bar[data-v-9b4a07c2] {
    position: absolute;
    bottom: 2%;
    left: calc(50% - 32px);
    cursor: pointer;
    text-align: center;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-knowmore-bar p[data-v-9b4a07c2] {
    font-size: 13px;
    color: #ffffff;
    line-height: 25px;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-knowmore-bar .hover[data-v-9b4a07c2] {
    display: none;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-knowmore-bar img[data-v-9b4a07c2] {
    width: 30px;
    height: 30px;
}

.phone-product-center-wrapper .inner-wrapper .product-section.section2[data-v-9b4a07c2] {
    background-image: url("http://p218r9j4q.bkt.clouddn.com/Bitmap@2x.png");
}

.phone-product-center-wrapper .inner-wrapper .product-section.section3[data-v-9b4a07c2] {
    background-image: url("http://p218r9j4q.bkt.clouddn.com/product-banner.png");
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box[data-v-9b4a07c2] {
    background: rgba(0, 0, 0, 0.5);
    padding: 38px 12px;
    margin: 0 23px;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .title[data-v-9b4a07c2] {
    font-size: 30px;
    color: #ffffff;
    line-height: 42px;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .text[data-v-9b4a07c2] {
    padding: 13px 5px;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .top[data-v-9b4a07c2] {
    text-align: center;
    color: #fff;
    margin: 20px 0;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .top img[data-v-9b4a07c2] {
    width: 23px;
    height: auto;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .top .item[data-v-9b4a07c2] {
    display: inline-block;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .top .item[data-v-9b4a07c2]:not(:last-child) {
    margin-right: 20px;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .top .item .tit[data-v-9b4a07c2] {
    padding: 5px 0;
    font-size: 14px;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .middle[data-v-9b4a07c2] {
    text-align: center;
    color: #fff;
    margin: 20px 0;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .middle img[data-v-9b4a07c2] {
    width: 23px;
    height: auto;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .middle .item[data-v-9b4a07c2] {
    display: inline-block;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .middle .item[data-v-9b4a07c2]:not(:last-child) {
    margin-right: 20px;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .middle .item .tit[data-v-9b4a07c2] {
    padding: 5px 0;
    font-size: 14px;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .bottom[data-v-9b4a07c2] {
    color: #fff;
    text-align: center;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .bottom img[data-v-9b4a07c2] {
    width: 23px;
    height: auto;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .bottom .item[data-v-9b4a07c2] {
    display: inline-block;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .bottom .item[data-v-9b4a07c2]:not(:last-child) {
    margin-right: 20px;
}

.phone-product-center-wrapper .inner-wrapper .product-section .product-icon-box .bottom .item .tit[data-v-9b4a07c2] {
    padding: 5px 0;
    font-size: 14px;
}

.phone-product-center-wrapper .inner-wrapper .product-section.section4[data-v-9b4a07c2] {
    background-image: url("http://p218r9j4q.bkt.clouddn.com/m-blink.gif");
    display: block;
}

.phone-product-center-wrapper .inner-wrapper .product-section.section4.isPhone[data-v-9b4a07c2] {
    height: 680px;
}

.phone-product-center-wrapper .inner-wrapper .product-section.section4.isPhone .top[data-v-9b4a07c2] {
    margin-top: 200px;
}

.phone-product-center-wrapper .inner-wrapper .product-section.section4 .product-icon-box .title[data-v-9b4a07c2] {
    font-size: 22px;
}

.phone-product-center-wrapper .inner-wrapper .product-section.section4 .top[data-v-9b4a07c2] {
    margin-top: 180px;
}

.phone-product-center-wrapper .inner-wrapper .product-section.section5[data-v-9b4a07c2] {
    background-image: url("http://p218r9j4q.bkt.clouddn.com/%E7%A7%BB%E5%8A%A8%E5%B7%A1%E8%A7%86%20%20%E5%9C%BA%E6%99%AF%E7%AB%8B%E7%8E%B01@2x.png");
}

.phone-product-center-wrapper .inner-wrapper .product-section.section5 .product-icon-box[data-v-9b4a07c2] {
    position: relative;
}

.phone-product-center-wrapper .inner-wrapper .product-section.section5 .product-icon-box .left-img[data-v-9b4a07c2] {
    position: absolute;
    width: 160px;
    height: auto;
    top: -60px;
    left: 0;
}

.phone-product-center-wrapper .inner-wrapper .product-section.section5 .product-icon-box .right-img[data-v-9b4a07c2] {
    position: absolute;
    width: 100px;
    height: auto;
    top: -80px;
    right: -10px;
}

.phone-product-center-wrapper .inner-wrapper .product-section.section6[data-v-9b4a07c2] {
    background-image: url("http://p218r9j4q.bkt.clouddn.com/%E5%8D%B3%E6%97%B6%E6%8B%8D%E6%91%84%20copy@2x.png");
}

.phone-product-center-wrapper .inner-wrapper .full-product[data-v-9b4a07c2] {
    padding: 20px 32px;
    background-color: #fff;
    display: none;
}

.phone-product-center-wrapper .inner-wrapper .full-product video[data-v-9b4a07c2] {
    width: 100%;
}

.phone-product-center-wrapper .inner-wrapper .full-product .title[data-v-9b4a07c2] {
    font-size: 24px;
    color: #000000;
    line-height: 33px;
    padding: 30px 0;
}

.phone-product-center-wrapper .inner-wrapper .full-product .text[data-v-9b4a07c2] {
    font-size: 16px;
    color: #000000;
    line-height: 22px;
    padding-bottom: 35px;
}

.phone-product-center-wrapper .inner-wrapper .full-product .half-img[data-v-9b4a07c2] {
    width: 80%;
    margin-bottom: 20px;
}

.el-carousel__button[data-v-9b4a07c2] {
    width: 16px !important;
}

.video-box[data-v-9b4a07c2] {
    width: 100%;
    position: relative;
}

.video-box .play-bar[data-v-9b4a07c2] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.private-cn-wrapper {
    width: 70%;
    margin: 0 auto;
    line-height: 20px;
    margin-bottom: 30px;
}

.private-cn-wrapper .top {
    height: 90px;
    cursor: pointer;
}

.private-cn-wrapper .top img {
    margin-top: 20px;
}

.private-cn-wrapper span {
    font-weight: bold;
    display: inline-block;
}

.private-en-wrapper {
    width: 70%;
    margin: 0 auto;
    line-height: 20px;
    margin-bottom: 30px;
}

.private-en-wrapper .top {
    height: 90px;
    cursor: pointer;
}

.private-en-wrapper .top img {
    margin-top: 20px;
}

h1 {
    font-weight: bold;
    font-size: 33px;
}

h2 {
    font-weight: bold;
    font-size: 24px;
}

h3 {
    font-weight: bold;
    font-size: 18px;
}

p span {
    font-size: 18px;
}

.private-cn-wrapper {
    width: 90%;
    margin: 0 auto;
    line-height: 20px;
    margin-bottom: 30px;
}

.private-cn-wrapper .top {
    height: 90px;
    cursor: pointer;
}

.private-cn-wrapper .top img {
    margin-top: 20px;
    height: 35px;
    width: 130px;
}

.private-cn-wrapper span {
    font-weight: bold;
    display: inline-block;
}

.private-en-wrapper {
    width: 90%;
    margin: 0 auto;
    line-height: 20px;
    margin-bottom: 30px;
}

.private-en-wrapper .top {
    height: 90px;
    cursor: pointer;
}

.private-en-wrapper .top img {
    margin-top: 20px;
    height: 35px;
    width: 130px;
}

h1 {
    font-weight: bold;
    font-size: 28px;
    line-height: 33px;
}

h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
}

h3 {
    font-weight: bold;
    font-size: 18px;
}

p span {
    font-size: 18px;
}

.container {
    width: 90%;
    margin: 0 auto;
    margin-top: 50px;
}

.container .title {
    height: 30px;
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    text-align: center;
}

.container .time {
    text-align: center;
    color: #979797;
    width: 100%;
    height: 40px;
    font-size: 12px;
    display: inline-block;
    line-height: 22px;
}

.container .content {
    padding-bottom: 30px;
    min-height: 200px;
}

.container .content img {
    width: 100%;
    height: 100%;
}

.bg {
    width: 100%;
    background: #000;
    height: 800px;
    padding-top: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.bg .list-phone {
    height: 50px;
    line-height: 50px;
    color: #fff;
    width: 100%;
    border-bottom: 1px solid #3e3e3e;
    text-indent: 20px;
}

@charset "UTF-8";
.news-container {
    width: 1000px;
    margin: 0 auto;
    margin-top: 20px;
}

.news-container .title {
    height: 30px;
    display: inline-block;
    width: 100%;
    font-size: 26px;
    text-align: center;
    font-family: 'Helvetica', '\5FAE\8F6F\96C5\9ED1';
}

.news-container .time {
    text-align: center;
    color: #979797;
    width: 100%;
    height: 40px;
    font-size: 12px;
    display: inline-block;
}

.news-container .content {
    padding-bottom: 30px;
    min-height: 250px;
}

.news-container .content p {
    line-height: 22px;
    color: #000 !important;
}

.news-container .content p span {
    color: #000 !important;
}

.news-container .content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px auto;
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #26a2ff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 40px;
    line-height: 1;
    padding: 0 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.mint-header .mint-button {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
    display: inline-block;
    padding: 0;
    font-size: inherit
}

.mint-header .mint-button::after {
    content: none;
}

.mint-header.is-fixed {
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    z-index: 1;
}

.mint-header-button {
    -webkit-box-flex: .5;
    -ms-flex: .5;
    flex: .5;
}

.mint-header-button>a {
    color: inherit;
}

.mint-header-button.is-right {
    text-align: right;
}

.mint-header-button.is-left {
    text-align: left;
}

.mint-header-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: inherit;
    font-weight: 400;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: block;
    font-size: 18px;
    height: 41px;
    outline: 0;
    overflow: hidden;
    position: relative;
    text-align: center
}

.mint-button::after {
    background-color: #000;
    content: " ";
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute
}

.mint-button:not(.is-disabled):active::after {
    opacity: .4
}

.mint-button.is-disabled {
    opacity: .6
}

.mint-button-icon {
    vertical-align: middle;
    display: inline-block
}

.mint-button--default {
    color: #656b79;
    background-color: #f6f8fa;
    -webkit-box-shadow: 0 0 1px #b8bbbf;
    box-shadow: 0 0 1px #b8bbbf
}

.mint-button--default.is-plain {
    border: 1px solid #5a5a5a;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5a5a5a
}

.mint-button--primary {
    color: #fff;
    background-color: #26a2ff
}

.mint-button--primary.is-plain {
    border: 1px solid #26a2ff;
    background-color: transparent;
    color: #26a2ff
}

.mint-button--danger {
    color: #fff;
    background-color: #ef4f4f
}

.mint-button--danger.is-plain {
    border: 1px solid #ef4f4f;
    background-color: transparent;
    color: #ef4f4f
}

.mint-button--large {
    display: block;
    width: 100%
}

.mint-button--normal {
    display: inline-block;
    padding: 0 12px
}

.mint-button--small {
    display: inline-block;
    font-size: 14px;
    padding: 0 12px;
    height: 33px
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-cell {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    min-height: 48px;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.mint-cell img {
    vertical-align: middle;
}

.mint-cell:first-child .mint-cell-wrapper {
    background-origin: border-box;
}

.mint-cell:last-child {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#d9d9d9), color-stop(50%, #d9d9d9), color-stop(50%, transparent));
    background-image: linear-gradient(0deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
}

.mint-cell-wrapper {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), color-stop(50%, #d9d9d9), color-stop(50%, transparent));
    background-image: linear-gradient(180deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
    background-size: 120% 1px;
    background-repeat: no-repeat;
    background-position: top left;
    background-origin: content-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 1;
    min-height: inherit;
    overflow: hidden;
    padding: 0 10px;
    width: 100%;
}

.mint-cell-mask {}

.mint-cell-mask::after {
    background-color: #000;
    content: " ";
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

.mint-cell-mask:active::after {
    opacity: .1;
}

.mint-cell-text {
    vertical-align: middle;
}

.mint-cell-label {
    color: #888;
    display: block;
    font-size: 12px;
    margin-top: 6px;
}

.mint-cell-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.mint-cell-value {
    color: #888;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mint-cell-value.is-link {
    margin-right: 24px;
}

.mint-cell-left {
    position: absolute;
    height: 100%;
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.mint-cell-right {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mint-cell-allow-right::after {
    border: solid 2px #c8c8cd;
    border-bottom-width: 0;
    border-left-width: 0;
    content: " ";
    top: 50%;
    right: 20px;
    position: absolute;
    width: 5px;
    height: 5px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-cell-swipe .mint-cell-wrapper {
    position: relative;
}

.mint-cell-swipe .mint-cell-wrapper,
.mint-cell-swipe .mint-cell-left,
.mint-cell-swipe .mint-cell-right {
    -webkit-transition: -webkit-transform 150ms ease-in-out;
    transition: -webkit-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}

.mint-cell-swipe-buttongroup {
    height: 100%;
}

.mint-cell-swipe-button {
    height: 100%;
    display: inline-block;
    padding: 0 10px;
    line-height: 48px;
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mint-field .mint-cell-title {
    width: 105px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.mint-field .mint-cell-value {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mint-field.is-nolabel .mint-cell-title {
    display: none;
}

.mint-field.is-textarea {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}

.mint-field.is-textarea .mint-cell-title {
    padding: 10px 0;
}

.mint-field.is-textarea .mint-cell-value {
    padding: 5px 0;
}

.mint-field-core {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    outline: 0;
    line-height: 1.6;
    font-size: inherit;
    width: 100%;
}

.mint-field-clear {
    opacity: .2;
}

.mint-field-state {
    color: inherit;
    margin-left: 20px;
}

.mint-field-state .mintui {
    font-size: 20px;
}

.mint-field-state.is-default {
    margin-left: 0;
}

.mint-field-state.is-success {
    color: #4caf50;
}

.mint-field-state.is-warning {
    color: #ffc107;
}

.mint-field-state.is-error {
    color: #f44336;
}

.mint-field-other {
    top: 0;
    right: 0;
    position: relative;
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-badge {
    color: #fff;
    text-align: center;
    display: inline-block
}

.mint-badge.is-size-large {
    border-radius: 14px;
    font-size: 18px;
    padding: 2px 10px
}

.mint-badge.is-size-small {
    border-radius: 8px;
    font-size: 12px;
    padding: 2px 6px
}

.mint-badge.is-size-normal {
    border-radius: 12px;
    font-size: 15px;
    padding: 2px 8px
}

.mint-badge.is-warning {
    background-color: #ffc107
}

.mint-badge.is-error {
    background-color: #f44336
}

.mint-badge.is-primary {
    background-color: #26a2ff
}

.mint-badge.is-success {
    background-color: #4caf50
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.mint-switch * {
    pointer-events: none;
}

.mint-switch-label {
    margin-left: 10px;
    display: inline-block;
}

.mint-switch-label:empty {
    margin-left: 0;
}

.mint-switch-core {
    display: inline-block;
    position: relative;
    width: 52px;
    height: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #d9d9d9;
}

.mint-switch-core::after,
.mint-switch-core::before {
    content: " ";
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    border-radius: 15px;
}

.mint-switch-core::after {
    width: 30px;
    height: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

.mint-switch-core::before {
    width: 50px;
    height: 30px;
    background-color: #fdfdfd;
}

.mint-switch-input {
    display: none;
}

.mint-switch-input:checked+.mint-switch-core {
    border-color: #26a2ff;
    background-color: #26a2ff;
}

.mint-switch-input:checked+.mint-switch-core::before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.mint-switch-input:checked+.mint-switch-core::after {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.mint-spinner-snake {
    -webkit-animation: mint-spinner-rotate 0.8s infinite linear;
    animation: mint-spinner-rotate 0.8s infinite linear;
    border: 4px solid transparent;
    border-radius: 50%;
}

@-webkit-keyframes mint-spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes mint-spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.mint-spinner-double-bounce {
    position: relative;
}

.mint-spinner-double-bounce-bounce1,
.mint-spinner-double-bounce-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: mint-spinner-double-bounce 2.0s infinite ease-in-out;
    animation: mint-spinner-double-bounce 2.0s infinite ease-in-out;
}

.mint-spinner-double-bounce-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes mint-spinner-double-bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0);
        transform: scale(0.0);
    }
    50% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

@keyframes mint-spinner-double-bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0);
        transform: scale(0.0);
    }
    50% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.mint-spinner-triple-bounce {}

.mint-spinner-triple-bounce-bounce1,
.mint-spinner-triple-bounce-bounce2,
.mint-spinner-triple-bounce-bounce3 {
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: mint-spinner-triple-bounce 1.4s infinite ease-in-out both;
    animation: mint-spinner-triple-bounce 1.4s infinite ease-in-out both;
}

.mint-spinner-triple-bounce-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.mint-spinner-triple-bounce-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes mint-spinner-triple-bounce {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

@keyframes mint-spinner-triple-bounce {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.mint-spinner-fading-circle {
    position: relative
}

.mint-spinner-fading-circle-circle {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.mint-spinner-fading-circle-circle::before {
    content: " ";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    border-radius: 100%;
    -webkit-animation: mint-fading-circle 1.2s infinite ease-in-out both;
    animation: mint-fading-circle 1.2s infinite ease-in-out both
}

.mint-spinner-fading-circle-circle.is-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.mint-spinner-fading-circle-circle.is-circle2::before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.mint-spinner-fading-circle-circle.is-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.mint-spinner-fading-circle-circle.is-circle3::before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.mint-spinner-fading-circle-circle.is-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mint-spinner-fading-circle-circle.is-circle4::before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.mint-spinner-fading-circle-circle.is-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.mint-spinner-fading-circle-circle.is-circle5::before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.mint-spinner-fading-circle-circle.is-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.mint-spinner-fading-circle-circle.is-circle6::before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

.mint-spinner-fading-circle-circle.is-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mint-spinner-fading-circle-circle.is-circle7::before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.mint-spinner-fading-circle-circle.is-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

.mint-spinner-fading-circle-circle.is-circle8::before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.mint-spinner-fading-circle-circle.is-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.mint-spinner-fading-circle-circle.is-circle9::before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.mint-spinner-fading-circle-circle.is-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.mint-spinner-fading-circle-circle.is-circle10::before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.mint-spinner-fading-circle-circle.is-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

.mint-spinner-fading-circle-circle.is-circle11::before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.mint-spinner-fading-circle-circle.is-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.mint-spinner-fading-circle-circle.is-circle12::before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

@-webkit-keyframes mint-fading-circle {
    0%,
    39%,
    100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes mint-fading-circle {
    0%,
    39%,
    100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-tab-item {
    display: block;
    padding: 7px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-decoration: none
}

.mint-tab-item-icon {
    width: 24px;
    height: 24px;
    margin: 0 auto 5px
}

.mint-tab-item-icon:empty {
    display: none
}

.mint-tab-item-icon>* {
    display: block;
    width: 100%;
    height: 100%
}

.mint-tab-item-label {
    color: inherit;
    font-size: 12px;
    line-height: 1
}

.mint-tab-container-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.mint-tab-container {
    overflow: hidden;
    position: relative;
}

.mint-tab-container .swipe-transition {
    -webkit-transition: -webkit-transform 150ms ease-in-out;
    transition: -webkit-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}

.mint-tab-container-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-navbar {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

.mint-navbar .mint-tab-item {
    padding: 17px 0;
    font-size: 15px
}

.mint-navbar .mint-tab-item:last-child {
    border-right: 0;
}

.mint-navbar .mint-tab-item.is-selected {
    border-bottom: 3px solid #26a2ff;
    color: #26a2ff;
    margin-bottom: -3px;
}

.mint-navbar.is-fixed {
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    z-index: 1;
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-tabbar {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), color-stop(50%, #d9d9d9), color-stop(50%, transparent));
    background-image: linear-gradient(180deg, #d9d9d9, #d9d9d9 50%, transparent 50%);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
    background-color: #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
}

.mint-tabbar>.mint-tab-item.is-selected {
    background-color: #eaeaea;
    color: #26a2ff;
}

.mint-tabbar.is-fixed {
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1;
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-search {
    height: 100%;
    height: 100vh;
    overflow: hidden;
}

.mint-searchbar {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d9d9d9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 10px;
    z-index: 1;
}

.mint-searchbar-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 28px;
    padding: 4px 6px;
}

.mint-searchbar-inner .mintui-search {
    font-size: 12px;
    color: #d9d9d9;
}

.mint-searchbar-core {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    outline: 0;
}

.mint-searchbar-cancel {
    color: #26a2ff;
    margin-left: 10px;
    text-decoration: none;
}

.mint-search-list {
    overflow: auto;
    padding-top: 44px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-checklist .mint-cell {
    padding: 0;
}

.mint-checklist.is-limit .mint-checkbox-core:not(:checked) {
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}

.mint-checklist-label {
    display: block;
    padding: 0 10px;
}

.mint-checklist-title {
    color: #888;
    display: block;
    font-size: 12px;
    margin: 8px;
}

.mint-checkbox {}

.mint-checkbox.is-right {
    float: right;
}

.mint-checkbox-label {
    vertical-align: middle;
    margin-left: 6px;
}

.mint-checkbox-input {
    display: none;
}

.mint-checkbox-input:checked+.mint-checkbox-core {
    background-color: #26a2ff;
    border-color: #26a2ff;
}

.mint-checkbox-input:checked+.mint-checkbox-core::after {
    border-color: #fff;
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}

.mint-checkbox-input[disabled]+.mint-checkbox-core {
    background-color: #d9d9d9;
    border-color: #ccc;
}

.mint-checkbox-core {
    display: inline-block;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.mint-checkbox-core::after {
    border: 2px solid transparent;
    border-left: 0;
    border-top: 0;
    content: " ";
    top: 3px;
    left: 6px;
    position: absolute;
    width: 4px;
    height: 8px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-radiolist .mint-cell {
    padding: 0;
}

.mint-radiolist-label {
    display: block;
    padding: 0 10px;
}

.mint-radiolist-title {
    font-size: 12px;
    margin: 8px;
    display: block;
    color: #888;
}

.mint-radio {}

.mint-radio.is-right {
    float: right;
}

.mint-radio-label {
    vertical-align: middle;
    margin-left: 6px;
}

.mint-radio-input {
    display: none;
}

.mint-radio-input:checked+.mint-radio-core {
    background-color: #26a2ff;
    border-color: #26a2ff;
}

.mint-radio-input:checked+.mint-radio-core::after {
    background-color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.mint-radio-input[disabled]+.mint-radio-core {
    background-color: #d9d9d9;
    border-color: #ccc;
}

.mint-radio-core {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.mint-radio-core::after {
    content: " ";
    border-radius: 100%;
    top: 5px;
    left: 5px;
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.mint-loadmore {
    overflow: hidden
}

.mint-loadmore-content {}

.mint-loadmore-content.is-dropped {
    -webkit-transition: .2s;
    transition: .2s
}

.mint-loadmore-top,
.mint-loadmore-bottom {
    text-align: center;
    height: 50px;
    line-height: 50px
}

.mint-loadmore-top {
    margin-top: -50px
}

.mint-loadmore-bottom {
    margin-bottom: -50px
}

.mint-loadmore-spinner {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.mint-loadmore-text {
    vertical-align: middle
}

.mint-actionsheet {
    position: fixed;
    background: #e0e0e0;
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.mint-actionsheet-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mint-actionsheet-listitem {
    border-bottom: solid 1px #e0e0e0;
}

.mint-actionsheet-listitem,
.mint-actionsheet-button {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #333;
    background-color: #fff;
}

.mint-actionsheet-listitem:active,
.mint-actionsheet-button:active {
    background-color: #f0f0f0;
}

.actionsheet-float-enter,
.actionsheet-float-leave-active {
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
}

.v-modal-enter {
    -webkit-animation: v-modal-in .2s ease;
    animation: v-modal-in .2s ease;
}

.v-modal-leave {
    -webkit-animation: v-modal-out .2s ease forwards;
    animation: v-modal-out .2s ease forwards;
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0;
    }
    100% {}
}

@keyframes v-modal-in {
    0% {
        opacity: 0;
    }
    100% {}
}

@-webkit-keyframes v-modal-out {
    0% {}
    100% {
        opacity: 0;
    }
}

@keyframes v-modal-out {
    0% {}
    100% {
        opacity: 0;
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #000;
}

.mint-popup {
    position: fixed;
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}

.mint-popup-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.mint-popup-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.mint-popup-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.mint-popup-left {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.popup-slide-top-enter,
.popup-slide-top-leave-active {
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0);
}

.popup-slide-right-enter,
.popup-slide-right-leave-active {
    -webkit-transform: translate3d(100%, -50%, 0);
    transform: translate3d(100%, -50%, 0);
}

.popup-slide-bottom-enter,
.popup-slide-bottom-leave-active {
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
}

.popup-slide-left-enter,
.popup-slide-left-leave-active {
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
}

.popup-fade-enter,
.popup-fade-leave-active {
    opacity: 0;
}

.mint-swipe {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.mint-swipe-items-wrap {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.mint-swipe-items-wrap>div {
    position: absolute;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 100%;
    height: 100%;
    display: none
}

.mint-swipe-items-wrap>div.is-active {
    display: block;
    -webkit-transform: none;
    transform: none;
}

.mint-swipe-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mint-swipe-indicator {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
    margin: 0 3px;
}

.mint-swipe-indicator.is-active {
    background: #fff;
}

.mt-range {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    line-height: 30px
}

.mt-range>* {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box
}

.mt-range *[slot=start] {
    margin-right: 5px
}

.mt-range *[slot=end] {
    margin-left: 5px
}

.mt-range-content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 30px
}

.mt-range-runway {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: -30px;
    border-top-color: #a9acb1;
    border-top-style: solid
}

.mt-range-thumb {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    cursor: move;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.mt-range-progress {
    position: absolute;
    display: block;
    background-color: #26a2ff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0
}

.mt-range--disabled {
    opacity: 0.5
}

.picker {
    overflow: hidden;
}

.picker-toolbar {
    height: 40px;
}

.picker-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    text-align: right;
    font-size: 24px;
    position: relative;
}

.picker-center-highlight {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -18px;
    pointer-events: none
}

.picker-center-highlight:before,
.picker-center-highlight:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #eaeaea;
    display: block;
    z-index: 15;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.picker-center-highlight:before {
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
}

.picker-center-highlight:after {
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
}

.picker-slot {
    font-size: 18px;
    overflow: hidden;
    position: relative;
    max-height: 100%
}

.picker-slot.picker-slot-left {
    text-align: left;
}

.picker-slot.picker-slot-center {
    text-align: center;
}

.picker-slot.picker-slot-right {
    text-align: right;
}

.picker-slot.picker-slot-divider {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.picker-slot-wrapper {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.picker-slot-wrapper.dragging,
.picker-slot-wrapper.dragging .picker-item {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.picker-item {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #707274;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.picker-slot-absolute .picker-item {
    position: absolute;
}

.picker-item.picker-item-far {
    pointer-events: none
}

.picker-item.picker-selected {
    color: #000;
    -webkit-transform: translate3d(0, 0, 0) rotateX(0);
    transform: translate3d(0, 0, 0) rotateX(0);
}

.picker-3d .picker-items {
    overflow: hidden;
    -webkit-perspective: 700px;
    perspective: 700px;
}

.picker-3d .picker-item,
.picker-3d .picker-slot,
.picker-3d .picker-slot-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.picker-3d .picker-slot {
    overflow: visible
}

.picker-3d .picker-item {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.mt-progress {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    line-height: 30px
}

.mt-progress>* {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box
}

.mt-progress *[slot="start"] {
    margin-right: 5px
}

.mt-progress *[slot="end"] {
    margin-left: 5px
}

.mt-progress-content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mt-progress-runway {
    position: absolute;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    left: 0;
    right: 0;
    background-color: #ebebeb;
    height: 3px
}

.mt-progress-progress {
    position: absolute;
    display: block;
    background-color: #26a2ff;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0
}

.mint-toast {
    position: fixed;
    max-width: 80%;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 1000;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.mint-toast.is-placebottom {
    bottom: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.mint-toast.is-placemiddle {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mint-toast.is-placetop {
    top: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.mint-toast-icon {
    display: block;
    text-align: center;
    font-size: 56px
}

.mint-toast-text {
    font-size: 14px;
    display: block;
    text-align: center
}

.mint-toast-pop-enter,
.mint-toast-pop-leave-active {
    opacity: 0
}

.mint-indicator {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.mint-indicator-wrapper {
    top: 50%;
    left: 50%;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.mint-indicator-text {
    display: block;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
}

.mint-indicator-spin {
    display: inline-block;
    text-align: center;
}

.mint-indicator-mask {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: transparent;
}

.mint-indicator-enter,
.mint-indicator-leave-active {
    opacity: 0;
}

.mint-msgbox {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background-color: #fff;
    width: 85%;
    border-radius: 3px;
    font-size: 16px;
    -webkit-user-select: none;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .2s;
    transition: .2s;
}

.mint-msgbox-header {
    padding: 15px 0 0;
}

.mint-msgbox-content {
    padding: 10px 20px 15px;
    border-bottom: 1px solid #ddd;
    min-height: 36px;
    position: relative;
}

.mint-msgbox-input {
    padding-top: 15px;
}

.mint-msgbox-input input {
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 4px 5px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.mint-msgbox-input input.invalid {
    border-color: #ff4949;
}

.mint-msgbox-input input.invalid:focus {
    border-color: #ff4949;
}

.mint-msgbox-errormsg {
    color: red;
    font-size: 12px;
    min-height: 18px;
    margin-top: 2px;
}

.mint-msgbox-title {
    text-align: center;
    padding-left: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    color: #333;
}

.mint-msgbox-message {
    color: #999;
    margin: 0;
    text-align: center;
    line-height: 36px;
}

.mint-msgbox-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    line-height: 40px;
}

.mint-msgbox-btn {
    line-height: 35px;
    display: block;
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    border: 0;
}

.mint-msgbox-btn:focus {
    outline: none;
}

.mint-msgbox-btn:active {
    background-color: #fff;
}

.mint-msgbox-cancel {
    width: 50%;
    border-right: 1px solid #ddd;
}

.mint-msgbox-cancel:active {
    color: #000;
}

.mint-msgbox-confirm {
    color: #26a2ff;
    width: 50%;
}

.mint-msgbox-confirm:active {
    color: #26a2ff;
}

.msgbox-bounce-enter {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
    transform: translate3d(-50%, -50%, 0) scale(0.7);
}

.msgbox-bounce-leave-active {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
    transform: translate3d(-50%, -50%, 0) scale(0.9);
}

.v-modal-enter {
    -webkit-animation: v-modal-in .2s ease;
    animation: v-modal-in .2s ease;
}

.v-modal-leave {
    -webkit-animation: v-modal-out .2s ease forwards;
    animation: v-modal-out .2s ease forwards;
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0;
    }
    100% {}
}

@keyframes v-modal-in {
    0% {
        opacity: 0;
    }
    100% {}
}

@-webkit-keyframes v-modal-out {
    0% {}
    100% {
        opacity: 0;
    }
}

@keyframes v-modal-out {
    0% {}
    100% {
        opacity: 0;
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #000;
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-datetime {
    width: 100%;
}

.mint-datetime .picker-slot-wrapper,
.mint-datetime .picker-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mint-datetime .picker-toolbar {
    border-bottom: solid 1px #eaeaea;
}

.mint-datetime-action {
    display: inline-block;
    width: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #26a2ff;
}

.mint-datetime-cancel {
    float: left;
}

.mint-datetime-confirm {
    float: right;
}

/* Cell Component */

/* Header Component */

/* Button Component */

/* Tab Item Component */

/* Tabbar Component */

/* Navbar Component */

/* Checklist Component */

/* Radio Component */

/* z-index */

.mint-indexlist {
    width: 100%;
    position: relative;
    overflow: hidden
}

.mint-indexlist-content {
    margin: 0;
    padding: 0;
    overflow: auto
}

.mint-indexlist-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    background-color: #fff;
    border-left: solid 1px #ddd;
    text-align: center;
    max-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mint-indexlist-navlist {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mint-indexlist-navitem {
    padding: 2px 6px;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.mint-indexlist-indicator {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 50px;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 5px;
    color: #fff;
    font-size: 22px
}

.mint-indexsection {
    padding: 0;
    margin: 0
}

.mint-indexsection-index {
    margin: 0;
    padding: 10px;
    background-color: #fafafa
}

.mint-indexsection-index+ul {
    padding: 0
}

.mint-palette-button {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
}

.mint-main-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: blue;
    font-size: 2em;
}

.mint-palette-button-active {
    -webkit-animation: mint-zoom 0.5s ease-in-out;
    animation: mint-zoom 0.5s ease-in-out;
}

.mint-sub-button-container>* {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 25px;
    height: 25px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

@-webkit-keyframes mint-zoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    30% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }
    90% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes mint-zoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    30% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }
    90% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@font-face {
    font-family: "mintui";
    src: url(data:application/x-font-ttf;base64,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)
}

.mintui {
    font-family: "mintui" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.mintui-search:before {
    content: "\E604";
}

.mintui-more:before {
    content: "\E601";
}

.mintui-back:before {
    content: "\E600";
}

.mintui-field-error:before {
    content: "\E605";
}

.mintui-field-warning:before {
    content: "\E608";
}

.mintui-success:before {
    content: "\E602";
}

.mintui-field-success:before {
    content: "\E609";
}
